<template>
	<div id="playBox" ref="playBox"  v-loading="loading" style="width:100%" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.8)">
		
	</div>
</template>

<script>
	export default{
		data(){
			return{
				loading:true
			}
		},
		created(){
		},
		mounted(){
			var playBox=this.$refs.playBox
			var that=this;
			var _src="http://p.bokecc.com/player?vid="+this.$route.params.vid+"&siteid=0C728A4805962911&autoStart=true&width=100%&height=100%&playerid=A8E5C78ED3BA6213&playertype=1"
					var scrip=document.createElement('script');
					scrip.src=_src
					scrip.type="text/javascript"
					playBox.appendChild(scrip)
					setTimeout(function(){that.loading=false},4000)
		}
	}
</script>

<style scoped>
	#playBox{
		height: 500px;
		width: 100%;
	}
</style>